<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>聊天室应用</title>
  <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
  <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
  <script src="https://cdn.wilddog.com/sdk/js/2.4.3/wilddog.js"></script>
  <script src="chat-1.17.js"></script>
  <!-- 新 Bootstrap 核心 CSS 文件 -->

  <style >
    #up{
      background: #ccc;
      width: 200px;
      height: 200px;
      margin-bottom: 20px;
    }
    #app1{
      border: 1px solid #2196f3;
      margin: 30px auto;
      padding: 20px;
      width: 400px;

    }
  </style>
</head>

<body>
     <div id="app1">
        <div id="up">
        
      </div>
      <button id="button">参与点赞</button>
     </div>
  <script>
  $(document).ready(function() {
    var  myApp=new WApp();
    var config={
      upId:'-Ka_b59cBRlBHRdLlvtj',
      roomId:''
    }
    myApp.getInitUp(config.upId,function(count){
      $("#up").html(count)
    })
    $("#button").click(function(){
      myApp.coomitUp()
    })
  });
  </script>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
   
</body>

</html>
